import styled from 'styled-components'

export let MyOrderStyled = styled.div`
    box-sizing:border-box;
    width:3.55rem;
    margin:0 0.1rem 0.14rem;
    background-color:#fff;
    border-radius:0.05rem;
    padding:0.14rem 0.1rem;
    header{
        display:flex;
        align-items:center;
        justify-content:space-between;
        height:0.21rem;
        padding-bottom:0.14rem;
        border-bottom:1px solid #eee;
        h2{
            font-size:0.16rem;
            font-weight:bolder;
        }
        p{
            font-size:0.13rem;
            color:#999;
            span{
                margin-right:0.05rem;
            }
        }
    }
    div{
        display:flex;
        align-items:center;
        justify-content:space-around;
        p{
            display:flex;
            flex-direction:column;
            align-items:center;
            height:0.45rem;
            padding-top:0.14rem;
            i{  
                font-size:0.25rem;
                color: rgb(255, 74, 56);
            }
            span{
                font-size:0.14rem;
            }
        }
    }
`

